<template>
  <div style="margin-top: 10px">
    <el-tabs v-model="defaultTab" type="card">
      <el-tab-pane label="部门管理" name="depMana">
        <dep-mana />
      </el-tab-pane>
      <el-tab-pane label="职位管理" name="positionMana">
        <pos-mana state="position" />
      </el-tab-pane>
      <el-tab-pane label="职称管理" name="jobTitleMana">
        <pos-mana state="jobtitle" />
      </el-tab-pane>
      <el-tab-pane label="奖惩规则" name="ecCfg">
        <ec-mana />
      </el-tab-pane>
      <el-tab-pane label="权限组" name="menuRole">
        <menu-role />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import MenuRole from './basic/MenuRole.vue'
import DepMana from './basic/DepMana.vue'
import ECMana from './basic/ECMana.vue'
import PosMana from './basic/PosMana.vue'
export default {
  components: {
    'menu-role': MenuRole,
    'dep-mana': DepMana,
    'ec-mana': ECMana,
    'pos-mana': PosMana
  },
  data() {
    return {
      defaultTab: 'depMana'
    }
  },
  methods: {}
}
</script>
